<template>
<!-- 头部导航栏的父元素 -->
<div class="father">
    <table></table>
    <left class="left"></left>
    <search class="search"></search>
    <right class="right"></right>
</div>
</template>
<script>
// 引入左侧svg图组件注册
import Left from './left';





// 引入中间搜索框
import Search from './search';
// 引入右边点击按钮
import Right from './right';
export default {
    data (){
        return {};
    },
    components:{
        "left":Left,
        "search":Search,
        "right":Right
    }
}
</script>
<style lang="css" scoped>
.father{
    background-color: red;
    width: 100%;
    height:100%;
    float: left;
}
.left{
    margin:24px !important;
    float: left;
}
.search{
    float: left;
    margin-top:20px;
    padding-left:15px;
}
</style>
